import {NgModule} from '@angular/core';
import {RECAPTCHA_V3_SITE_KEY, RecaptchaV3Module} from 'ng-recaptcha';
import {Title} from '@angular/platform-browser';
import {HttpClientModule} from '@angular/common/http';
import {FormsModule} from '@angular/forms';
import {MatButtonModule, MatCardModule, MatProgressSpinnerModule} from '@angular/material';

import {AppComponent} from './app.component';
import {HeaderComponent} from './header/header.component';
import {MaterialModule} from './material/material.module';
import {SideNavComponent} from './side-nav/side-nav.component';
import {ClassComponent} from './class/class/class.component';
import {SigninComponent} from './auth/signin/signin.component';
import {SignupComponent} from './auth/signup/signup.component';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    SideNavComponent,
    ClassComponent,
    SigninComponent,
    SignupComponent,
  ],
  imports: [
    FormsModule,
    RecaptchaV3Module,
    MaterialModule,
    MatButtonModule,
    MatCardModule,
    HttpClientModule,
    MatProgressSpinnerModule
  ],
  providers: [Title,
    {provide: RECAPTCHA_V3_SITE_KEY, useValue: '6LdDD84UAAAAALK3g0D6hAzQ0bn3IYSwHJjcKo5F'},
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}
